<template>
  <div class="Login">
    <x-header>注册</x-header>

    <group>
      <x-input title="邮箱" v-model="mail" is-type="email" required></x-input>
      <x-input title="请输入密码" type="password" v-model="passwd"  @on-change="change"></x-input>
      <x-input title="请确认密码" v-model="passwd2" type="password"></x-input>

    </group>
    <div class="log-sub">
      <x-button>提交</x-button>
    </div>
  </div>
</template>

<script>
import { XHeader, XInput, Group, XButton } from 'vux'


export default {
  components: {
    XHeader,
    XInput,
    Group,
    XButton
  },
  data() {
    return {
      mail: "",
      passwd: "",
      passwd2: ""
    }
  },
  methods: {
    change(){
      console.log("change");
    }
  }
}
</script>

<style lang="css">
  .log-sub{
    width: 80%;
    margin: 0 auto;
    margin-top: 20px;
  }
</style>
